<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>${webName }·思通投研·让数据驱动投资价值!</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/plugins/chosen/chosen.css" rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/plugins/select2/select2.min.css"
	rel="stylesheet">

<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/font-awesome/css/font-awesome.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/iCheck/custom.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/switchery/switchery.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/jasny/jasny-bootstrap.min.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/nouslider/jquery.nouislider.css"
	rel="stylesheet">


<link
	href="${pageContext.request.contextPath}/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/clockpicker/clockpicker.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/daterangepicker/daterangepicker-bs3.css"
	rel="stylesheet">


<link
	href="${pageContext.request.contextPath}/css/plugins/touchspin/jquery.bootstrap-touchspin.min.css"
	rel="stylesheet">


<style>
.select2_demo_1 {
	float: left;
	width: 120px;
	display: inline;
	margin-left: 10px;
}

.form-control {
	display: inline;
}

.col-sm-3 {
	float: right;
	width: 560px;
}
.cont{
	line-height:24px;
	color:rgb(150,145,145);
	letter-spacing:0.8px;
	font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,sans-serif;

}

.input-group {
	float: right;
	width: 240px;
	margin-left: 5px;
}

td {
	vertical-align: middle;
}
#numb{
	font-size:17px;
}
.feel{
	font-size:20px;
	margin-top:-11px;
	margin-bottom:11px;
	font-weight:bold;
	color:#000000;
}
.four .ibox {
	border: 1px solid #e5e6e7;
}
#se{
	padding-right:0px;
	padding-left:10px;
	margin-left:0px;
	float:right;
	width:23.3%;
	text-align:center;
}
.four .ibox-content {
	border-style: none;
	padding: 0px 20px;
}

.main-a {
	padding: 17px 10px 0 10px;
}

.main-a .ibox {
	margin-bottom: 0 !important;
}

.main-b {
	padding: 5px 10px 0 10px;
}

.m-t-sm {
	margin-top: 0;
}

.charts {
	padding: 5px 20px 10px 20px !important;
}
.nali{
	width:85px;
	margin-left:20px;
	float:left;
	margin-top:20px;
	font-size: 16px;
	font-weight:550;
}
</style>

</head>

<body>

	<div id="wrapper">

		<nav class="navbar-default navbar-static-side" role="navigation">
		<%-- <%request.setAttribute("LEFT", "information");%> --%> <%@include
			file="left2.jsp"%> </nav>

		<div id="page-wrapper" class="	gray-bg">
			<%-- <div class="row border-bottom">
				<jsp:include page="head.jsp" flush="true" />
			</div> --%>
			<div class="row border-bottom">
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0;background-color: white;">
                    <div class="navbar-header">
                        <!-- <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                                class="fa fa-bars"></i> </a> -->
                                <div class="form-group minimalize-styl-2" style="margin-left: 9px; margin-top: 8px;">
                                    <div class="input-group" style="width: 50px;">
                                        <div class="input-group-btn">
                                           
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button" style="border-radius: 3px;"><i class="fa fa-bars"></i>  &nbsp;全部</button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Another action</a></li>
                                                <li><a href="#">Something else here</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                        <!--搜索框  -->
                       
                    </div>
                    <div  class="nali"><i class="fa fa-square" style="margin-right:5px"></i>主流媒体</div>
                    <div class="nali">行业网站</div>
                    <div  class="nali">境外媒体</div>
                    <div class="nali">报刊媒体</div>
                    <div  class="nali">App客户端</div>
                    <div class="nali">地方网站</div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <a href="#">
                                <i class="fa fa-tasks"></i>系统设置
                            </a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-user"></i>个人中心</a>
                        </li>
                        <li>
                            <a href="/spider-factory/exit">
                                <i class="fa fa-sign-out"></i>退出
                            </a>
                        </li>
                    </ul>

                </nav>
            </div>
			<div class="row wrapper border-bottom white-bg page-heading" style="margin-top:20px">
				<div class="col-lg-6">
					<h2>资讯数据</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="active"><a>${webName }</a></li>
					</ol>
				</div>
			</div>




			<div class="wrapper wrapper-content animated fadeInRight main-a">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
 							

							<div class="ibox-content charts" style="background-color:white;">
								
								<div class="forum-item" style="border-bottom:0">
                                <div class="row">
                                    <div class="col-md-9" style="width:74%">
                                        <div class="forum-icon" style="margin-right:11px;margin-bottom:14px;margin-left:6px">
                                            <i class="fa fa-clock-o" ></i>
                                        </div>
                                        <a href="${pageContext.request.contextPath}/11.jsp" class="forum-item-title">门户网站·统计24小时内数据采集状态</a>
                                        <div class="forum-sub-title" style="margin-left:40px;margin-top:6px">数据采集总量: 17,800,600，更新时间 5分钟前</div>
                                    </div>
                                    
                                    <div class="col-md-1 forum-info">
                                        <div class="feel">
                                            <small style="color:#46D59D">正面</small>
                                        </div>
                                        <span class="views-number" id="numb">
                                            1516
                                        </span>
                                        
                                    </div>
                                    <div class="col-md-1 forum-info" > 
                                         <div class="feel">
                                            <small style="color:#FBBA3A">中性</small>
                                        </div>
                                        <span class="views-number" id="numb">
                                            238
                                        </span>
                                       
                                    </div>
                                    <div class="col-md-1 forum-info">
                                         <div class="feel">
                                            <small style="color:#F73D60">负面</small>
                                        </div>
                                        <span class="views-number" id="numb">
                                            180
                                        </span>
                                       
                                    </div>
                                </div>
                            </div>
								<div class="row" style="padding: 0 30px 0 10px;">
									<div id="container" style="width: 100%; height: 250px;"></div> 
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			
			 
							 
			
			<div class="wrapper wrapper-content animated fadeInRight main-b"
				style="padding: 0px 10px 0 10px">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="col-sm-3" style="margin-left: 1%;">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select data-placeholder="请选择" ..."="" disable_search="true" class="chosen-select" style="width: 239px; display: none;" tabindex="-1">
                                                    <option value="">站点类别</option>
                                                    <option value="United States">门户网站</option>
                                                    <option value="United Kingdom">百科数据</option>
                                                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 239px;" title=""><a class="chosen-single" tabindex="-1"><span>站点类别</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" readonly="" tabindex="1"></div><ul class="chosen-results"><li class="active-result result-selected" data-option-array-index="0" style="">站点类别</li><li class="active-result" data-option-array-index="1" style="">门户网站</li><li class="active-result" data-option-array-index="2" style="">百科数据</li></ul></div></div>
                                                </div>
                                        </div>
                                    </div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<jsp:include page="footer.jsp" flush="true" />
		</div>
	</div>


	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	    <script src="${pageContext.request.contextPath }/js/plugins/chosen/chosen.jquery.js"></script>

	<script
		src="${pageContext.request.contextPath }/js/plugins/pace/pace.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/jasny/jasny-bootstrap.min.js"></script>


	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- Sparkline -->
	<script
		src="${pageContext.request.contextPath}/in-admin/js/plugins/sparkline/jquery.sparkline.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<!-- Page-Level Scripts -->
	<script
		src="${pageContext.request.contextPath}/js/plugins/select2/select2.full.min.js"></script>
	<script>
		 $(document).ready(function() {
			fourLine();
			line();
			sendListData(1);
			 $('.chosen-select').chosen({
	                search_contains: true, //设置全文查询
	                disable_search_threshold: 200 //当下拉列表中的选项<4 时隐藏搜索功能
	            });
			var config = {
	                '.chosen-select'           : {},
	                '.chosen-select-deselect'  : {allow_single_deselect:true},
	                '.chosen-select-no-single' : {disable_search_threshold:10},
	                '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
	                '.chosen-select-width'     : {width:"95%"}
	                }
	            for (var selector in config) {
	                $(selector).chosen(config[selector]);
	            }
		}); 

		// 请求列表数据
		function sendListData(pageNum) {
			let classify = "1";
					$.ajax({
						url : "${pageContext.request.contextPath}/information/getInformationList",
						type : "get",
						dataType : "json",
						data : {
							classify : classify,
							page : pageNum
						},
						success : function(res) {
							console.log(res);
							groupListData(res);
						},
						error : function(err) {
							console.log(err);
						}
					});
		} 

		// 组装列表数据
		function groupListData(res) {
			let list = res.list;
			let totalPage = res.totalPage;
			let pageNum = res.pageNum;
			let totalData = res.totalData;
			if (totalPage > 500) {
				totalPage = 500;
			}
			paging(totalData, totalPage, pageNum);
			if (list.length > 0) {
				$("#logs").html('');
				for (var i = 0; i < list.length; i++) {
					var key_words = JSON.parse(list[i].key_words);
					var num = 0;
					var keyWords = [];
					for ( var key in key_words) {
						if (num ==4) {
							break;
						}
						keyWords.push(key);
						num++;
					}
					var art = list[i];
					let content = art.content;
					if (content.length > 201) {
						content = content.substring(0, 200) + "...";
					}
					var j=i+1;
					var html = "<div class='feed-element' style='padding-bottom:5px'>" +
                    "<div class='search-result' style='display:flex;'>" +
                   	'<div>'+
                   		'<p><img style="width: 190px;height:140px" src="${pageContext.request.contextPath}/img/menhu/'+j+'.jpg"></p>'+
                   	'</div>'+
                   	'<div style="padding:0 0 0 20px;">'+
                   		'<div style="display:flex;margin-bottom:15px">'+
	                    	"<h3><a href='" + art.source_url + "' target='_blank' style='margin-left:10px;'>" + art.title + "</a></h3>" +
	                	'</div>'+
	                    "<p class='cont' style='font-size:13.5px'>" + content + "</p>" +
                    "</div>" +
                    
                "</div>" +
                "<div style='float:left;width:99%;margin-top:5px'>"+
                "<p style='align-items: center;position:relative;'>来源网站：" +
            	"<img style='width:20px;height:20px;border-radius:50%;' src='${pageContext.request.contextPath}/img/wangyi.ico'>"+
            	"<span style='margin-right: 30px;''>" + art.sourcewebsitename + "</span>"+
            	"<span style='margin-right: 30px;'>关键词:&nbsp;" + keyWords.join('，') + "</span>"+
            	 "<span style='float:right;'>时间:" + art.publish_time + "</span>" +
            "</p>" +
                "</div>"+
            "</div>"
					$("#logs").append(html);
				}
			} else {
				$("#logs").html(
						"<div class='feed-element' ><h3>暂无数据</h3></div>");
			}
		}

		function paging(totalData, totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) {
					// 回调函数
				}
			});
		}

		function JumpToPage(pagenum) {
			if (pagenum > 500) {
				pagenum = 500;
			}
			sendListData(pagenum);
		}

		function fourLine() {
			var sparklineCharts = function() {
				$("#sparkline1").sparkline([ 34, 43, 43, 35, 44, 32, 44, 52 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#1ab394',
							fillColor : "#ffffff"
						});

				$("#sparkline2").sparkline([ 24, 43, 43, 55, 44, 62, 44, 72 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#1ab394',
							fillColor : "#ffffff"
						});

				$("#sparkline3").sparkline([ 74, 43, 23, 55, 54, 32, 24, 12 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#ed5565',
							fillColor : "#ffffff"
						});

				$("#sparkline4").sparkline([ 24, 43, 33, 55, 64, 72, 44, 22 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#ed5565',
							fillColor : "#ffffff"
						});
			};
			//        var sparkResize;
			//        $(window).resize(function(e) {
			//            clearTimeout(sparkResize);
			//            sparkResize = setTimeout(sparklineCharts, 500);
			//        });
			sparklineCharts();
		}

		function line() {
			anychart.onDocumentReady(function() {
				var dataSet = anychart.data.set(getData());
				var chart = anychart.line();
				chart.animation(true);
				chart.padding([ 10, 20, 5, 20 ]);
				chart.xAxis().labels().padding(5);
				chart.crosshair().enabled(true).yLabel(false).yStroke(null);
				chart.tooltip().positionMode('point');
				chart.title('统计14天每日数据采集状态走势');
				var seriesData_1 = dataSet.mapAs({
					'x' : 0,
					'value' : 1
				});
				var series_1 = chart.line(seriesData_1);
				series_1.name('日采集数量');
				series_1.hovered().markers().enabled(true).type('circle').size(
						4);
				series_1.tooltip().position('right').anchor('left-center')
						.offsetX(5).offsetY(5);
				chart.legend().enabled(true).fontSize(13).padding(
						[ 0, 0, 10, 0 ]);
				chart.container('container');
				chart.draw();

				$('.anychart-credits').remove()
			});

			function getData() {
				return [ [ '2-10', 17.5 ], [ '2-11', 18.9 ], [ '2-12', 20.8 ],
						[ '2-13', 22.9 ], [ '2-14', 25.2 ], [ '2-15', 27.0 ],
						[ '2-16', 26.5 ], [ '2-17', 25.3 ], [ '2-18', 23.4 ],
						[ '2-19', 19.5 ], [ '2-20', 17.8 ], [ '2-21', 16.2 ],
						[ '2-22', 15.4 ], [ '2-23', 14.0 ], [ '2-24', 12.5 ],
						[ '2-25', 10.8 ], [ '2-26', 8.9 ], [ '2-27', 18.0 ],
						[ '2-28', 6.2 ] ]
			}
		}

		//跑马灯方法
		function init() {
			//获取标题
			var title = document.title;
			//分割字符串--->字符数组
			var arr = title.split("");
			//删除第一个元素并返回该元素
			var e = arr.shift();
			//把一个对象添加到数组末尾
			arr.push(e);
			//把数组转换成字符串
			var marquee = arr.join("");
			//返回给浏览器
			document.title = marquee;
			//定时一直执行
			window.setTimeout("init()", 1000);
		}

		window.onload = init;
	</script>





<!-- 
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
 -->






</body>

</html>
